<%-- 
    Document   : newjsp
    Created on : Jun 16, 2011, 5:33:06 PM
    Author     : VcLi
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="_css/global.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="_css/jquery-ui-1.8.13.custom.css"/>
<title>Resource Detail</title>
<script type="text/javascript" src="_scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="_scripts/jquery-ui-1.7.3.custom.min.js"></script>
<script type="text/javascript" src="_scripts/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="_scripts/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="_scripts/jqueryUI_customized.js"></script>
<link href="_css/resourcesDetail.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
  <div id="header"> <a href="index.jsp">
    <div id="logo"></div>
    </a>
    <div id="login">
      <form action="" method="post">
        <label>Userid: </label>
        <input name="userid" type="text" class="loginbar"/>
        <label>Password: </label>
        <input name="passsword" type="text" class="loginbar"/>
        <input name="rememberMe" type="checkbox" value="" />
        <label>Remember Me </label>
        <input type="submit" value=""id="loginIcon"/>
      </form>
    </div>
    
    <!--if else statement here-->
    <div id="afterLogin">
      <ul>
        <li> <img src="_images/globalImages/profile.png" width="90" height="80" alt="profile" />
          <h3>Profile</h3>
        </li>
        <li> <a href="resources.jsp"><img src="_images/indexImages/resources.png" width="90" height="80" alt="resources" /></a>
          <h3>Resources</h3>
        </li>
        <li> <a href="#"><img src="_images/globalImages/event.png" width="90" height="80" alt="event" /></a>
          <h3>Event</h3>
        </li>
        <li></li>
      </ul>
    </div>
    <div id="searchbar">
      <p>
        <input id="searchMain" name="search" type="text" />
      </p>
      <ul>
        <li><a href="www.baidu.com">Search</a></li>
        <li><a href="www.baidu.com">Advance</a> </li>
      </ul>
    </div>
  </div>
  <div id="border">
    <div id="main">
      <div id="left"> </div>
      <div id="right">
      <h1>Resource Detail</h1>
       <p class="pNavSpace">You are at : <a href="index.jsp">e-Oasis</a> --> Resource Detail</p>
        <div id="mainContent">
          <div id="content">
            <div id="downloadControl">
              <div id="title">
                <h2>Name of the thing</h2>
              </div>
              <div id="rightInfo"><img src="_images/resourcesImages/thumb.jpg" width="100" height="100" /> Category: <a href="#">Category</a><br />
                Description :  vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel met <br />
                Level : Entry | Platform : Windows | Copyright: None<br />
                Pulish Time: 15-06-2011 | Size : 90 MB <br />
                Viewer : 20 | Comments : 10 
                </div>
                <div id="buttonSet">
                  <input name="download" type="button" value="download" />
                  <input name="addToFav" type="button" value="Add to Favorite" />
                </div>
            </div>
            <div id="detailDescription">
              <p>Students and Staff of SP who come via Jurong MRT Station would have a new platform operating from 27 May 2011. The new platform will give you more space to board the train during weekday morning peak hours from 7am to 9am.This video provides information on the changes at Jurong East MRT Station to help you navigate around the station easily.</p>
            </div>
            <div id="comment">Content for  id "comment" Goes Here</div>
          </div>
          <div id="recommendation">Content for  id "recommendation" Goes Here</div>
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
  <div id="footer">
    <div id="copyright">@Team e-Oasis! Rocks</div>
    <div id="payment"></div>
  </div>
  <div id="footerend"></div>
</div>
</body>
</html>